<div class="container">
    <?php echo $this->LogoSoonpageHelper(); ?>

    <h1 id="texte-soon" class="logo">
        bientôt en ligne
    </h1>

<!--  H1 can have 2 designs: "logo" and "logo cursive"           -->
    
    <div class="content">
        <div class="motto">
            <p>Comparez les offres de nombreuses agences à la fois.</p>
            <p>Trouvez votre randonnée plus rapidement.</p>                        
        </div>

        <div class="row" style="padding-top: 20px;">
            <div  class="col-md-12" style="text-align: center;">
                <a href="http://pilote.1001treks.com" class="btn btn-fill btn-avant-premiere">
                    Tester le site en avant première
                </a>
            </div>
        </div>

        <div class="subscribe">
            <h5 class="info-text">
                Inscrivez votre adresse mail pour être averti de l'ouverture du site et recevoir nos actualités. 
            </h5>
            <div class="row" ng-app="soonpageModule">
                <div ng-controller="SoonpageController as soonpage" class="col-md-5 col-md-offset-4 col-sm6-6 col-sm-offset-3 ">

                    <form class="form-inline" role="form" name="formSoonpage" ng-submit="post(formSoonpage.$valid)">
                                           

                      <div class="form-group">
                        <label class="sr-only" for="exampleInputEmail2">Adresse mail</label>
                        <input ng-hide="creeSucces" ng-model="contact.mailInvit" type="email" class="form-control transparent" placeholder="Votre adresse email..." required>
                      </div>

                      <button type="submit" ng-class="{ 'btn-success' : creeSucces, 'btn-danger' : !creeSucces }" class="btn btn-fill">{{messageBouton}}</button>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>